<template>
  <el-container>
    <el-aside width="200px">
      <el-menu
        default-active="/index/allAccount"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        router
      >
        <el-sub-menu index="/index/allAccount">
          <template #title>
            <el-icon><location /></el-icon>
            <span>账号</span>
          </template>
          <el-menu-item index="/index/account/allAccount">全部账号</el-menu-item>
          <el-menu-item index="/index/account/interstellarAccount">星际账号</el-menu-item>
          <el-menu-item index="/index/account/pendingAccount">待托管账密</el-menu-item>
          <el-menu-item index="/index/account/pendingAuthorization">待授权</el-menu-item>
          <el-menu-item index="/index/account/pendingDeviceBinding">待绑定设备</el-menu-item>
        </el-sub-menu>
        <el-menu-item index="/index/account/shareAccount">
          <template #title>
            <el-icon><location /></el-icon>
            <span>共享账号</span>
          </template>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>